<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>效果评估 - CRM旅游管理系统</title>
    <link rel="stylesheet" href="../../../shared/styles/apple-design.css">
    <link rel="stylesheet" href="../styles/activity-effect-evaluation.css">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
    <!-- 顶部导航栏 -->
    <nav class="top-navbar">
        <div class="nav-container">
            <div class="nav-left">
                <div class="nav-brand">
                    <i class="fas fa-map-marked-alt"></i>
                    <span>CRM旅游系统</span>
                </div>
                <div class="nav-breadcrumb">
                    <span class="breadcrumb-item">业务管理</span>
                    <i class="fas fa-chevron-right"></i>
                    <span class="breadcrumb-item">邀约活动</span>
                    <i class="fas fa-chevron-right"></i>
                    <span class="breadcrumb-item active">效果评估</span>
                </div>
            </div>
            <div class="nav-right">
                <button class="nav-button" id="notifications-btn">
                    <i class="fas fa-bell"></i>
                    <span class="notification-badge">3</span>
                </button>
                <div class="user-menu">
                    <img src="https://via.placeholder.com/32x32/007AFF/FFFFFF?text=管" alt="用户头像" class="user-avatar">
                    <span class="user-name">管理员</span>
                    <i class="fas fa-chevron-down"></i>
                </div>
            </div>
        </div>
    </nav>

    <!-- 侧边栏 -->
    <aside class="sidebar">
        <div class="sidebar-content">
            <div class="sidebar-section">
                <h3 class="sidebar-title">客户管理</h3>
                <ul class="sidebar-menu">
                    <li class="menu-item">
                        <a href="customer-list.html" class="menu-link">
                            <i class="fas fa-users"></i>
                            <span>客户档案</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a href="#" class="menu-link">
                            <i class="fas fa-user-plus"></i>
                            <span>新增客户</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a href="#" class="menu-link">
                            <i class="fas fa-tags"></i>
                            <span>标签管理</span>
                        </a>
                    </li>
                </ul>
            </div>
            
            <div class="sidebar-section">
                <h3 class="sidebar-title">业务管理</h3>
                <ul class="sidebar-menu">
                    <li class="menu-item active">
                        <a href="invitation-management.html" class="menu-link">
                            <i class="fas fa-calendar-check"></i>
                            <span>邀约活动</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a href="#" class="menu-link">
                            <i class="fas fa-chart-line"></i>
                            <span>销售机会</span>
                        </a>
                    </li>
                    <li class="menu-item">
                        <a href="#" class="menu-link">
                            <i class="fas fa-map-marker-alt"></i>
                            <span>线路产品</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </aside>

    <!-- 主内容区 -->
    <main class="main-content">
        <!-- 页面头部 -->
        <header class="page-header">
            <div class="header-left">
                <h1 class="page-title">活动效果评估</h1>
                <div class="activity-info">
                    <div class="activity-basic">
                        <span class="activity-name">桂林山水3日游邀约活动</span>
                        <span class="activity-status status-completed">已完成</span>
                    </div>
                    <div class="activity-details">
                        <span><i class="fas fa-calendar-alt"></i> 2025年7月25日 14:30-16:30</span>
                        <span><i class="fas fa-map-marker-alt"></i> 西湖区老年活动中心</span>
                        <span><i class="fas fa-users"></i> 实际参与：23人</span>
                    </div>
                </div>
            </div>
            <div class="header-right">
                <button class="btn btn-secondary" onclick="generateReport()">
                    <i class="fas fa-file-alt"></i>
                    生成报告
                </button>
                <button class="btn btn-primary" onclick="goBackToActivity()">
                    <i class="fas fa-arrow-left"></i>
                    返回活动
                </button>
            </div>
        </header>

        <!-- 评估导航 -->
        <section class="evaluation-nav-section">
            <div class="evaluation-nav">
                <button class="nav-step active" data-step="data-analysis">
                    <div class="step-icon">
                        <i class="fas fa-chart-pie"></i>
                    </div>
                    <div class="step-content">
                        <div class="step-title">数据分析</div>
                        <div class="step-subtitle">整体效果分析</div>
                    </div>
                </button>
                <button class="nav-step" data-step="customer-feedback">
                    <div class="step-icon">
                        <i class="fas fa-comments"></i>
                    </div>
                    <div class="step-content">
                        <div class="step-title">客户反馈</div>
                        <div class="step-subtitle">满意度评价</div>
                    </div>
                </button>
                <button class="nav-step" data-step="follow-up">
                    <div class="step-icon">
                        <i class="fas fa-tasks"></i>
                    </div>
                    <div class="step-content">
                        <div class="step-title">后续跟进</div>
                        <div class="step-subtitle">销售机会转化</div>
                    </div>
                </button>
                <button class="nav-step" data-step="improvement">
                    <div class="step-icon">
                        <i class="fas fa-lightbulb"></i>
                    </div>
                    <div class="step-content">
                        <div class="step-title">改进建议</div>
                        <div class="step-subtitle">经验总结</div>
                    </div>
                </button>
            </div>
        </section>

        <!-- 数据分析内容 -->
        <div id="data-analysis-content" class="evaluation-content">
            <!-- 核心指标 -->
            <section class="content-section">
                <div class="section-header">
                    <h2 class="section-title">核心指标</h2>
                    <div class="time-range">
                        <span>活动时间：2025-07-25 14:30-16:30</span>
                    </div>
                </div>
                
                <div class="metrics-grid">
                    <div class="metric-card highlight">
                        <div class="metric-icon">
                            <i class="fas fa-percentage"></i>
                        </div>
                        <div class="metric-content">
                            <div class="metric-number">76.7%</div>
                            <div class="metric-label">参与率</div>
                            <div class="metric-detail">23人参与 / 30人邀请</div>
                        </div>
                        <div class="metric-trend positive">
                            <i class="fas fa-arrow-up"></i>
                            +8.2%
                        </div>
                    </div>
                    
                    <div class="metric-card">
                        <div class="metric-icon">
                            <i class="fas fa-heart"></i>
                        </div>
                        <div class="metric-content">
                            <div class="metric-number">87%</div>
                            <div class="metric-label">满意度</div>
                            <div class="metric-detail">20人满意 / 23人参与</div>
                        </div>
                        <div class="metric-trend positive">
                            <i class="fas fa-arrow-up"></i>
                            +5.1%
                        </div>
                    </div>
                    
                    <div class="metric-card">
                        <div class="metric-icon">
                            <i class="fas fa-handshake"></i>
                        </div>
                        <div class="metric-content">
                            <div class="metric-number">34.8%</div>
                            <div class="metric-label">意向率</div>
                            <div class="metric-detail">8人有意向 / 23人参与</div>
                        </div>
                        <div class="metric-trend positive">
                            <i class="fas fa-arrow-up"></i>
                            +12.3%
                        </div>
                    </div>
                    
                    <div class="metric-card">
                        <div class="metric-icon">
                            <i class="fas fa-dollar-sign"></i>
                        </div>
                        <div class="metric-content">
                            <div class="metric-number">¥32,500</div>
                            <div class="metric-label">预计营收</div>
                            <div class="metric-detail">基于意向客户预估</div>
                        </div>
                        <div class="metric-trend positive">
                            <i class="fas fa-arrow-up"></i>
                            +18.7%
                        </div>
                    </div>
                </div>
            </section>

            <!-- 参与情况分析 -->
            <section class="content-section">
                <div class="section-header">
                    <h2 class="section-title">参与情况分析</h2>
                </div>
                
                <div class="analysis-grid">
                    <div class="analysis-card">
                        <h3 class="analysis-title">
                            <i class="fas fa-user-check text-green"></i>
                            参与客户分析
                        </h3>
                        <div class="analysis-content">
                            <div class="participation-breakdown">
                                <div class="breakdown-item">
                                    <span class="breakdown-label">按时到达</span>
                                    <span class="breakdown-value">18人 (78.3%)</span>
                                    <div class="breakdown-bar">
                                        <div class="bar-fill" style="width: 78.3%;"></div>
                                    </div>
                                </div>
                                <div class="breakdown-item">
                                    <span class="breakdown-label">迟到参与</span>
                                    <span class="breakdown-value">5人 (21.7%)</span>
                                    <div class="breakdown-bar">
                                        <div class="bar-fill orange" style="width: 21.7%;"></div>
                                    </div>
                                </div>
                                <div class="breakdown-item">
                                    <span class="breakdown-label">临时缺席</span>
                                    <span class="breakdown-value">4人 (13.3%)</span>
                                    <div class="breakdown-bar">
                                        <div class="bar-fill red" style="width: 13.3%;"></div>
                                    </div>
                                </div>
                                <div class="breakdown-item">
                                    <span class="breakdown-label">提前拒绝</span>
                                    <span class="breakdown-value">3人 (10.0%)</span>
                                    <div class="breakdown-bar">
                                        <div class="bar-fill gray" style="width: 10.0%;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="analysis-card">
                        <h3 class="analysis-title">
                            <i class="fas fa-chart-pie text-blue"></i>
                            客户群体分布
                        </h3>
                        <div class="analysis-content">
                            <div class="demographic-stats">
                                <div class="demo-item">
                                    <div class="demo-label">年龄分布</div>
                                    <div class="demo-detail">
                                        <span>55-65岁: 8人 (34.8%)</span>
                                        <span>66-75岁: 12人 (52.2%)</span>
                                        <span>76岁以上: 3人 (13.0%)</span>
                                    </div>
                                </div>
                                <div class="demo-item">
                                    <div class="demo-label">地域分布</div>
                                    <div class="demo-detail">
                                        <span>本市: 19人 (82.6%)</span>
                                        <span>邻近城市: 4人 (17.4%)</span>
                                    </div>
                                </div>
                                <div class="demo-item">
                                    <div class="demo-label">客户类型</div>
                                    <div class="demo-detail">
                                        <span>VIP客户: 6人 (26.1%)</span>
                                        <span>老客户: 10人 (43.5%)</span>
                                        <span>新客户: 7人 (30.4%)</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="analysis-card">
                        <h3 class="analysis-title">
                            <i class="fas fa-clock text-purple"></i>
                            时间效果分析
                        </h3>
                        <div class="analysis-content">
                            <div class="timeline-analysis">
                                <div class="timeline-item">
                                    <div class="timeline-time">14:30-14:45</div>
                                    <div class="timeline-content">
                                        <div class="timeline-title">开场介绍</div>
                                        <div class="timeline-metrics">参与度: 95% | 专注度: 高</div>
                                    </div>
                                </div>
                                <div class="timeline-item">
                                    <div class="timeline-time">14:45-15:30</div>
                                    <div class="timeline-content">
                                        <div class="timeline-title">产品展示</div>
                                        <div class="timeline-metrics">参与度: 89% | 专注度: 高</div>
                                    </div>
                                </div>
                                <div class="timeline-item">
                                    <div class="timeline-time">15:30-16:00</div>
                                    <div class="timeline-content">
                                        <div class="timeline-title">互动问答</div>
                                        <div class="timeline-metrics">参与度: 78% | 专注度: 中</div>
                                    </div>
                                </div>
                                <div class="timeline-item">
                                    <div class="timeline-time">16:00-16:30</div>
                                    <div class="timeline-content">
                                        <div class="timeline-title">咨询签约</div>
                                        <div class="timeline-metrics">参与度: 65% | 专注度: 高</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- 成本效益分析 -->
            <section class="content-section">
                <div class="section-header">
                    <h2 class="section-title">成本效益分析</h2>
                </div>
                
                <div class="cost-benefit-grid">
                    <div class="cost-card">
                        <h3 class="cost-title">
                            <i class="fas fa-calculator text-red"></i>
                            活动成本
                        </h3>
                        <div class="cost-breakdown">
                            <div class="cost-item">
                                <span class="cost-label">场地租赁</span>
                                <span class="cost-value">¥800</span>
                            </div>
                            <div class="cost-item">
                                <span class="cost-label">设备租赁</span>
                                <span class="cost-value">¥400</span>
                            </div>
                            <div class="cost-item">
                                <span class="cost-label">茶点费用</span>
                                <span class="cost-value">¥600</span>
                            </div>
                            <div class="cost-item">
                                <span class="cost-label">宣传材料</span>
                                <span class="cost-value">¥300</span>
                            </div>
                            <div class="cost-item">
                                <span class="cost-label">人员成本</span>
                                <span class="cost-value">¥1,200</span>
                            </div>
                            <div class="cost-item total">
                                <span class="cost-label">总成本</span>
                                <span class="cost-value">¥3,300</span>
                            </div>
                        </div>
                    </div>
                    
                    <div class="benefit-card">
                        <h3 class="benefit-title">
                            <i class="fas fa-chart-line text-green"></i>
                            预期收益
                        </h3>
                        <div class="benefit-breakdown">
                            <div class="benefit-item">
                                <span class="benefit-label">短期签约 (30天内)</span>
                                <span class="benefit-value">¥18,000</span>
                                <span class="benefit-note">3人 × ¥6,000</span>
                            </div>
                            <div class="benefit-item">
                                <span class="benefit-label">中期签约 (3个月内)</span>
                                <span class="benefit-value">¥14,500</span>
                                <span class="benefit-note">2人 × ¥7,250</span>
                            </div>
                            <div class="benefit-item">
                                <span class="benefit-label">后续推荐</span>
                                <span class="benefit-value">¥8,500</span>
                                <span class="benefit-note">预估转化</span>
                            </div>
                            <div class="benefit-item total">
                                <span class="benefit-label">预期总收益</span>
                                <span class="benefit-value">¥41,000</span>
                            </div>
                        </div>
                        
                        <div class="roi-summary">
                            <div class="roi-item">
                                <span class="roi-label">投资回报率 (ROI)</span>
                                <span class="roi-value positive">1142%</span>
                            </div>
                            <div class="roi-item">
                                <span class="roi-label">获客成本</span>
                                <span class="roi-value">¥143/人</span>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>

        <!-- 客户反馈内容 -->
        <div id="customer-feedback-content" class="evaluation-content" style="display: none;">
            <section class="content-section">
                <div class="section-header">
                    <h2 class="section-title">满意度调查</h2>
                    <button class="btn btn-primary" onclick="sendSurvey()">
                        <i class="fas fa-paper-plane"></i>
                        发送调查
                    </button>
                </div>
                
                <div class="satisfaction-overview">
                    <div class="satisfaction-stats">
                        <div class="satisfaction-chart">
                            <div class="chart-container">
                                <div class="satisfaction-score">87%</div>
                                <div class="chart-legend">整体满意度</div>
                            </div>
                        </div>
                        
                        <div class="satisfaction-breakdown">
                            <div class="satisfaction-item">
                                <div class="satisfaction-label">
                                    <i class="fas fa-smile text-green"></i>
                                    非常满意
                                </div>
                                <div class="satisfaction-bar">
                                    <div class="bar-fill" style="width: 52%;"></div>
                                    <span class="bar-label">12人 (52%)</span>
                                </div>
                            </div>
                            <div class="satisfaction-item">
                                <div class="satisfaction-label">
                                    <i class="fas fa-meh text-blue"></i>
                                    满意
                                </div>
                                <div class="satisfaction-bar">
                                    <div class="bar-fill" style="width: 35%;"></div>
                                    <span class="bar-label">8人 (35%)</span>
                                </div>
                            </div>
                            <div class="satisfaction-item">
                                <div class="satisfaction-label">
                                    <i class="fas fa-frown text-orange"></i>
                                    一般
                                </div>
                                <div class="satisfaction-bar">
                                    <div class="bar-fill orange" style="width: 13%;"></div>
                                    <span class="bar-label">3人 (13%)</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="feedback-categories">
                    <div class="feedback-category">
                        <h3 class="category-title">
                            <i class="fas fa-star text-yellow"></i>
                            服务质量评价
                        </h3>
                        <div class="rating-items">
                            <div class="rating-item">
                                <span class="rating-label">活动组织</span>
                                <div class="rating-stars">
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star-half-alt"></i>
                                </div>
                                <span class="rating-score">4.6分</span>
                            </div>
                            <div class="rating-item">
                                <span class="rating-label">讲解专业度</span>
                                <div class="rating-stars">
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="far fa-star"></i>
                                </div>
                                <span class="rating-score">4.2分</span>
                            </div>
                            <div class="rating-item">
                                <span class="rating-label">场地环境</span>
                                <div class="rating-stars">
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                </div>
                                <span class="rating-score">4.8分</span>
                            </div>
                            <div class="rating-item">
                                <span class="rating-label">茶点服务</span>
                                <div class="rating-stars">
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="fas fa-star"></i>
                                    <i class="far fa-star"></i>
                                </div>
                                <span class="rating-score">4.1分</span>
                            </div>
                        </div>
                    </div>
                    
                    <div class="feedback-category">
                        <h3 class="category-title">
                            <i class="fas fa-comments text-blue"></i>
                            客户留言反馈
                        </h3>
                        <div class="feedback-messages">
                            <div class="feedback-message positive">
                                <div class="message-header">
                                    <span class="customer-name">张大爷</span>
                                    <span class="message-type">正面反馈</span>
                                </div>
                                <div class="message-content">
                                    "活动组织得很好，讲解很专业，桂林的风景确实很吸引人。价格也比较合理，我和老伴都很感兴趣。"
                                </div>
                                <div class="message-meta">
                                    <span class="message-time">2025-07-25 17:30</span>
                                    <span class="message-rating">满意度: 5星</span>
                                </div>
                            </div>
                            
                            <div class="feedback-message positive">
                                <div class="message-header">
                                    <span class="customer-name">李大妈</span>
                                    <span class="message-type">正面反馈</span>
                                </div>
                                <div class="message-content">
                                    "服务态度很好，茶点也不错。不过希望能提供更多的线路选择，我们比较想去云南。"
                                </div>
                                <div class="message-meta">
                                    <span class="message-time">2025-07-25 18:15</span>
                                    <span class="message-rating">满意度: 4星</span>
                                </div>
                            </div>
                            
                            <div class="feedback-message neutral">
                                <div class="message-header">
                                    <span class="customer-name">王阿姨</span>
                                    <span class="message-type">建议反馈</span>
                                </div>
                                <div class="message-content">
                                    "活动时间有点长，建议缩短一些。另外希望能提供更多的互动环节，让大家更好地交流。"
                                </div>
                                <div class="message-meta">
                                    <span class="message-time">2025-07-25 19:00</span>
                                    <span class="message-rating">满意度: 3星</span>
                                </div>
                            </div>
                        </div>
                        
                        <button class="btn btn-secondary view-all-feedback">
                            <i class="fas fa-list"></i>
                            查看所有反馈 (23条)
                        </button>
                    </div>
                </div>
            </section>
        </div>

        <!-- 后续跟进内容 -->
        <div id="follow-up-content" class="evaluation-content" style="display: none;">
            <section class="content-section">
                <div class="section-header">
                    <h2 class="section-title">跟进任务管理</h2>
                    <button class="btn btn-primary" onclick="createFollowUpTask()">
                        <i class="fas fa-plus"></i>
                        创建跟进任务
                    </button>
                </div>
                
                <div class="followup-overview">
                    <div class="followup-stats">
                        <div class="followup-stat">
                            <div class="stat-icon">
                                <i class="fas fa-tasks"></i>
                            </div>
                            <div class="stat-content">
                                <div class="stat-number">15</div>
                                <div class="stat-label">待跟进任务</div>
                            </div>
                        </div>
                        <div class="followup-stat">
                            <div class="stat-icon">
                                <i class="fas fa-phone"></i>
                            </div>
                            <div class="stat-content">
                                <div class="stat-number">8</div>
                                <div class="stat-label">今日需联系</div>
                            </div>
                        </div>
                        <div class="followup-stat">
                            <div class="stat-icon">
                                <i class="fas fa-handshake"></i>
                            </div>
                            <div class="stat-content">
                                <div class="stat-number">3</div>
                                <div class="stat-label">高意向客户</div>
                            </div>
                        </div>
                        <div class="followup-stat">
                            <div class="stat-icon">
                                <i class="fas fa-check-circle"></i>
                            </div>
                            <div class="stat-content">
                                <div class="stat-number">5</div>
                                <div class="stat-label">已完成跟进</div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="followup-management">
                    <div class="followup-filters">
                        <div class="filter-tabs">
                            <button class="filter-tab active" data-filter="all">全部任务</button>
                            <button class="filter-tab" data-filter="urgent">紧急跟进</button>
                            <button class="filter-tab" data-filter="high-intent">高意向</button>
                            <button class="filter-tab" data-filter="completed">已完成</button>
                        </div>
                    </div>
                    
                    <div class="followup-list">
                        <div class="followup-item urgent">
                            <div class="followup-priority">
                                <i class="fas fa-exclamation-circle"></i>
                            </div>
                            <div class="followup-customer">
                                <div class="customer-avatar">张</div>
                                <div class="customer-info">
                                    <div class="customer-name">张大爷</div>
                                    <div class="customer-detail">68岁 | VIP客户 | 本市</div>
                                </div>
                            </div>
                            <div class="followup-content">
                                <div class="followup-title">电话跟进确认意向</div>
                                <div class="followup-desc">客户在活动中表现出强烈兴趣，需要尽快跟进确认具体需求</div>
                                <div class="followup-tags">
                                    <span class="tag tag-high-intent">高意向</span>
                                    <span class="tag tag-method">电话跟进</span>
                                </div>
                            </div>
                            <div class="followup-schedule">
                                <div class="schedule-time">
                                    <i class="fas fa-clock"></i>
                                    今天 09:00
                                </div>
                                <div class="schedule-status overdue">已逾期</div>
                            </div>
                            <div class="followup-actions">
                                <button class="action-btn primary" onclick="executeFollowUp(1)">
                                    <i class="fas fa-phone"></i>
                                </button>
                                <button class="action-btn" onclick="editFollowUp(1)">
                                    <i class="fas fa-edit"></i>
                                </button>
                                <button class="action-btn" onclick="completeFollowUp(1)">
                                    <i class="fas fa-check"></i>
                                </button>
                            </div>
                        </div>
                        
                        <div class="followup-item high-intent">
                            <div class="followup-priority">
                                <i class="fas fa-star"></i>
                            </div>
                            <div class="followup-customer">
                                <div class="customer-avatar">李</div>
                                <div class="customer-info">
                                    <div class="customer-name">李大妈</div>
                                    <div class="customer-detail">65岁 | 优质客户 | 本市</div>
                                </div>
                            </div>
                            <div class="followup-content">
                                <div class="followup-title">提供云南线路方案</div>
                                <div class="followup-desc">客户对云南旅游线路感兴趣，需要制定专门的旅游方案</div>
                                <div class="followup-tags">
                                    <span class="tag tag-high-intent">高意向</span>
                                    <span class="tag tag-method">方案制定</span>
                                </div>
                            </div>
                            <div class="followup-schedule">
                                <div class="schedule-time">
                                    <i class="fas fa-clock"></i>
                                    明天 14:00
                                </div>
                                <div class="schedule-status upcoming">待执行</div>
                            </div>
                            <div class="followup-actions">
                                <button class="action-btn primary" onclick="executeFollowUp(2)">
                                    <i class="fas fa-file-alt"></i>
                                </button>
                                <button class="action-btn" onclick="editFollowUp(2)">
                                    <i class="fas fa-edit"></i>
                                </button>
                                <button class="action-btn" onclick="completeFollowUp(2)">
                                    <i class="fas fa-check"></i>
                                </button>
                            </div>
                        </div>
                        
                        <div class="followup-item normal">
                            <div class="followup-priority">
                                <i class="fas fa-circle"></i>
                            </div>
                            <div class="followup-customer">
                                <div class="customer-avatar">王</div>
                                <div class="customer-info">
                                    <div class="customer-name">王阿姨</div>
                                    <div class="customer-detail">72岁 | 普通客户 | 邻近城市</div>
                                </div>
                            </div>
                            <div class="followup-content">
                                <div class="followup-title">关怀回访</div>
                                <div class="followup-desc">客户提出了一些建议，需要回访表示感谢并了解进一步需求</div>
                                <div class="followup-tags">
                                    <span class="tag tag-normal">一般关注</span>
                                    <span class="tag tag-method">电话回访</span>
                                </div>
                            </div>
                            <div class="followup-schedule">
                                <div class="schedule-time">
                                    <i class="fas fa-clock"></i>
                                    后天 10:00
                                </div>
                                <div class="schedule-status scheduled">已安排</div>
                            </div>
                            <div class="followup-actions">
                                <button class="action-btn primary" onclick="executeFollowUp(3)">
                                    <i class="fas fa-phone"></i>
                                </button>
                                <button class="action-btn" onclick="editFollowUp(3)">
                                    <i class="fas fa-edit"></i>
                                </button>
                                <button class="action-btn" onclick="completeFollowUp(3)">
                                    <i class="fas fa-check"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                    
                    <div class="load-more">
                        <button class="btn btn-secondary" onclick="loadMoreFollowUps()">
                            <i class="fas fa-chevron-down"></i>
                            加载更多任务
                        </button>
                    </div>
                </div>
            </section>
            
            <!-- 销售机会转化 -->
            <section class="content-section">
                <div class="section-header">
                    <h2 class="section-title">销售机会转化</h2>
                    <button class="btn btn-primary" onclick="createSalesOpportunity()">
                        <i class="fas fa-plus"></i>
                        创建销售机会
                    </button>
                </div>
                
                <div class="conversion-pipeline">
                    <div class="pipeline-stage">
                        <div class="stage-header">
                            <h3 class="stage-title">初步接触</h3>
                            <span class="stage-count">8人</span>
                        </div>
                        <div class="stage-customers">
                            <div class="customer-card">
                                <div class="customer-avatar">张</div>
                                <div class="customer-info">
                                    <div class="customer-name">张大爷</div>
                                    <div class="opportunity-value">¥6,000</div>
                                </div>
                                <div class="customer-status high">高意向</div>
                            </div>
                            <div class="customer-card">
                                <div class="customer-avatar">李</div>
                                <div class="customer-info">
                                    <div class="customer-name">李大妈</div>
                                    <div class="opportunity-value">¥7,250</div>
                                </div>
                                <div class="customer-status high">高意向</div>
                            </div>
                            <div class="stage-more">+6人</div>
                        </div>
                    </div>
                    
                    <div class="pipeline-arrow">
                        <i class="fas fa-arrow-right"></i>
                    </div>
                    
                    <div class="pipeline-stage">
                        <div class="stage-header">
                            <h3 class="stage-title">方案制定</h3>
                            <span class="stage-count">3人</span>
                        </div>
                        <div class="stage-customers">
                            <div class="customer-card">
                                <div class="customer-avatar">赵</div>
                                <div class="customer-info">
                                    <div class="customer-name">赵叔叔</div>
                                    <div class="opportunity-value">¥8,500</div>
                                </div>
                                <div class="customer-status medium">制定中</div>
                            </div>
                            <div class="stage-more">+2人</div>
                        </div>
                    </div>
                    
                    <div class="pipeline-arrow">
                        <i class="fas fa-arrow-right"></i>
                    </div>
                    
                    <div class="pipeline-stage">
                        <div class="stage-header">
                            <h3 class="stage-title">报价确认</h3>
                            <span class="stage-count">2人</span>
                        </div>
                        <div class="stage-customers">
                            <div class="customer-card">
                                <div class="customer-avatar">钱</div>
                                <div class="customer-info">
                                    <div class="customer-name">钱阿姨</div>
                                    <div class="opportunity-value">¥5,800</div>
                                </div>
                                <div class="customer-status medium">考虑中</div>
                            </div>
                            <div class="stage-more">+1人</div>
                        </div>
                    </div>
                    
                    <div class="pipeline-arrow">
                        <i class="fas fa-arrow-right"></i>
                    </div>
                    
                    <div class="pipeline-stage success">
                        <div class="stage-header">
                            <h3 class="stage-title">成功签约</h3>
                            <span class="stage-count">1人</span>
                        </div>
                        <div class="stage-customers">
                            <div class="customer-card">
                                <div class="customer-avatar">孙</div>
                                <div class="customer-info">
                                    <div class="customer-name">孙奶奶</div>
                                    <div class="opportunity-value">¥6,200</div>
                                </div>
                                <div class="customer-status success">已签约</div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="conversion-summary">
                    <div class="summary-metrics">
                        <div class="summary-item">
                            <div class="summary-label">转化率</div>
                            <div class="summary-value">12.5%</div>
                            <div class="summary-detail">1人签约 / 8人意向</div>
                        </div>
                        <div class="summary-item">
                            <div class="summary-label">预计转化</div>
                            <div class="summary-value">37.5%</div>
                            <div class="summary-detail">基于历史数据预测</div>
                        </div>
                        <div class="summary-item">
                            <div class="summary-label">总机会价值</div>
                            <div class="summary-value">¥52,750</div>
                            <div class="summary-detail">所有销售机会总和</div>
                        </div>
                    </div>
                </div>
            </section>
        </div>

        <!-- 改进建议内容 -->
        <div id="improvement-content" class="evaluation-content" style="display: none;">
            <section class="content-section">
                <div class="section-header">
                    <h2 class="section-title">活动总结</h2>
                    <button class="btn btn-primary" onclick="exportSummary()">
                        <i class="fas fa-download"></i>
                        导出总结
                    </button>
                </div>
                
                <div class="summary-overview">
                    <div class="summary-highlights">
                        <div class="highlight-item success">
                            <div class="highlight-icon">
                                <i class="fas fa-trophy"></i>
                            </div>
                            <div class="highlight-content">
                                <div class="highlight-title">活动亮点</div>
                                <ul class="highlight-list">
                                    <li>参与率达到76.7%，超出预期目标</li>
                                    <li>客户满意度87%，创历史新高</li>
                                    <li>意向客户比例34.8%，转化效果良好</li>
                                    <li>成本控制得当，ROI超过1100%</li>
                                </ul>
                            </div>
                        </div>
                        
                        <div class="highlight-item warning">
                            <div class="highlight-icon">
                                <i class="fas fa-exclamation-triangle"></i>
                            </div>
                            <div class="highlight-content">
                                <div class="highlight-title">待改进点</div>
                                <ul class="highlight-list">
                                    <li>活动时长偏长，部分客户反映疲劳</li>
                                    <li>互动环节参与度有所下降</li>
                                    <li>茶点种类相对单一</li>
                                    <li>线路选择不够多样化</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="improvement-sections">
                    <div class="improvement-section">
                        <h3 class="improvement-title">
                            <i class="fas fa-lightbulb text-yellow"></i>
                            优化建议
                        </h3>
                        <div class="improvement-items">
                            <div class="improvement-item">
                                <div class="improvement-header">
                                    <span class="improvement-category">活动流程</span>
                                    <span class="improvement-priority high">高优先级</span>
                                </div>
                                <div class="improvement-content">
                                    <div class="improvement-suggestion">将活动时长从2小时缩短至1.5小时，优化时间分配</div>
                                    <div class="improvement-reason">客户反馈活动时间过长，后期注意力下降明显</div>
                                    <div class="improvement-actions">
                                        <span class="action-item">减少开场时间至10分钟</span>
                                        <span class="action-item">压缩产品介绍至30分钟</span>
                                        <span class="action-item">增加中场休息</span>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="improvement-item">
                                <div class="improvement-header">
                                    <span class="improvement-category">互动设计</span>
                                    <span class="improvement-priority medium">中优先级</span>
                                </div>
                                <div class="improvement-content">
                                    <div class="improvement-suggestion">增加有奖问答和小游戏环节，提高客户参与度</div>
                                    <div class="improvement-reason">后半段客户参与度下降，需要更多互动激励</div>
                                    <div class="improvement-actions">
                                        <span class="action-item">设置3-4个互动游戏</span>
                                        <span class="action-item">准备小礼品作为奖励</span>
                                        <span class="action-item">增加现场抽奖环节</span>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="improvement-item">
                                <div class="improvement-header">
                                    <span class="improvement-category">服务提升</span>
                                    <span class="improvement-priority medium">中优先级</span>
                                </div>
                                <div class="improvement-content">
                                    <div class="improvement-suggestion">丰富茶点种类，提供更多健康选择</div>
                                    <div class="improvement-reason">老年客户对健康饮食关注度高</div>
                                    <div class="improvement-actions">
                                        <span class="action-item">增加无糖茶点</span>
                                        <span class="action-item">提供时令水果</span>
                                        <span class="action-item">准备养生茶饮</span>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="improvement-item">
                                <div class="improvement-header">
                                    <span class="improvement-category">产品规划</span>
                                    <span class="improvement-priority low">低优先级</span>
                                </div>
                                <div class="improvement-content">
                                    <div class="improvement-suggestion">扩充旅游线路选择，特别是云南、海南等热门目的地</div>
                                    <div class="improvement-reason">多位客户询问其他目的地选择</div>
                                    <div class="improvement-actions">
                                        <span class="action-item">开发云南精品线路</span>
                                        <span class="action-item">增加海南度假产品</span>
                                        <span class="action-item">制定个性化定制服务</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="improvement-section">
                        <h3 class="improvement-title">
                            <i class="fas fa-chart-line text-blue"></i>
                            数据洞察
                        </h3>
                        <div class="insights-grid">
                            <div class="insight-card">
                                <div class="insight-icon">
                                    <i class="fas fa-users"></i>
                                </div>
                                <div class="insight-content">
                                    <div class="insight-title">客户画像</div>
                                    <div class="insight-text">66-75岁客户参与度最高，本市客户更容易转化</div>
                                    <div class="insight-action">建议重点邀请本市66-75岁客户群体</div>
                                </div>
                            </div>
                            
                            <div class="insight-card">
                                <div class="insight-icon">
                                    <i class="fas fa-clock"></i>
                                </div>
                                <div class="insight-content">
                                    <div class="insight-title">最佳时段</div>
                                    <div class="insight-text">下午14:30-16:00为最佳时间段，客户注意力最集中</div>
                                    <div class="insight-action">未来活动建议安排在此时间段</div>
                                </div>
                            </div>
                            
                            <div class="insight-card">
                                <div class="insight-icon">
                                    <i class="fas fa-money-bill-wave"></i>
                                </div>
                                <div class="insight-content">
                                    <div class="insight-title">价格敏感度</div>
                                    <div class="insight-text">5000-8000元价位最受欢迎，性价比是关键因素</div>
                                    <div class="insight-action">重点推广中端价位产品线</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="improvement-section">
                        <h3 class="improvement-title">
                            <i class="fas fa-tasks text-green"></i>
                            行动计划
                        </h3>
                        <div class="action-plan">
                            <div class="plan-timeline">
                                <div class="timeline-item">
                                    <div class="timeline-date">
                                        <span class="date-day">26</span>
                                        <span class="date-month">7月</span>
                                    </div>
                                    <div class="timeline-content">
                                        <div class="timeline-title">即时行动</div>
                                        <div class="timeline-tasks">
                                            <div class="task-item">制定活动流程优化方案</div>
                                            <div class="task-item">联系高意向客户进行深度跟进</div>
                                            <div class="task-item">整理客户反馈详细分析报告</div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="timeline-item">
                                    <div class="timeline-date">
                                        <span class="date-day">30</span>
                                        <span class="date-month">7月</span>
                                    </div>
                                    <div class="timeline-content">
                                        <div class="timeline-title">本周内完成</div>
                                        <div class="timeline-tasks">
                                            <div class="task-item">设计新的互动环节方案</div>
                                            <div class="task-item">联系茶点供应商优化菜单</div>
                                            <div class="task-item">总结培训材料供团队学习</div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="timeline-item">
                                    <div class="timeline-date">
                                        <span class="date-day">15</span>
                                        <span class="date-month">8月</span>
                                    </div>
                                    <div class="timeline-content">
                                        <div class="timeline-title">下次活动前</div>
                                        <div class="timeline-tasks">
                                            <div class="task-item">开发云南旅游产品线</div>
                                            <div class="task-item">制定个性化定制服务流程</div>
                                            <div class="task-item">优化活动场地布置方案</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </main>

    <!-- 脚本引入 -->
    <script src="../scripts/activity-effect-evaluation.js"></script>
</body>
</html>